/**
  Name author   : mehdi hashemi
  mobile author : 0991 627 8403
  gmail author  : seyedmehdi8403@gmail.com
  website author: https://seyed-mehdii.github.io/personal-me/
*/
/* Reset Browsers
-------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
input,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    font-style: inherit;
    font-weight: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html {
    font-size: 14px;
    overflow-y: scroll;
    direction: ltr;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


@font-face {
    font-family: Samim;
    src: url('../../assets/fonts/Samim/Samim-Bold.eot');
    src: url('../../assets/fonts/Samim/Samim-Bold.eot?#iefix') format('embedded-opentype'),
         url('../../assets/fonts/Samim/Samim-Bold.woff') format('woff'),
         url('../../assets/fonts/Samim/Samim-Bold.ttf') format('truetype');
    font-weight: bold;
}


@font-face {
    font-family: font-yekan;
    src: url("../../assets/fonts/B_Yekan/Yekan.ttf") format("truetype");
     /* url("../../assets/fonts/B_Yekan/YekanBakh-Regular.eot"),
    url("../../assets/fonts/B_Yekan/YekanBakh-Regular.woff2") format("woff2"),
    url("../../assets/fonts/B_Yekan/YekanBakh-Regular.woff") format("woff"),
    url("../../assets/fonts/B_Yekan/Yekan.ttf") format("truetype"); */
    font-weight: 400 !important;
    font-style: normal;
}

body {
    font-family: Samim !important;
    letter-spacing: 0.07em !important;
    background-image: linear-gradient(130deg, #1A0303 30%, #330000 70%);
    direction: rtl;
}
body ul {
    list-style: none;
}

a {
    text-decoration: none !important;
}

.dropdown-toggle::after {
    display: none !important;
}

.d-lg-block .img{
    margin-top:10px;
}
main .section.section-hero {
    margin: 11rem 0;
}
main .section.section-hero .section-hero-box .box-image .rotate {
    animation: rotation 20s;
}
main .section.section-hero .section-hero-box .box-image .linear {
    animation-timing-function: linear;
}
main .section.section-hero .section-hero-box .box-image .infinite {
    animation-iteration-count: infinite;
}
main .section.section-hero .section-hero-box .box-image .img-logo {
    position: absolute;
    right: 30px;
    left: 57px;
    bottom: 55px;
}
main .section.section-hero .section-hero-box .box-content .title h4 {
    color: #cdaf59;
    line-height: 32px;
    margin: 0rem  2rem;
}
main .section.section-hero .section-hero-box .box-content .box-sale {
    display: flex;
    align-items: center;
    margin: 0.5rem 2rem;
}
main .section.section-hero .section-hero-box .box-content .box-sale a p {
    background: #4E0407;
    padding: 1.5rem 2rem 1.5rem 5.5rem;
    color: #ebdebb;
    font-size: 18px;
    margin: 0;
    clip-path: polygon(33% 1%, 100% 0%, 100% 100%, -4% 98%);
}
main .section.section-hero .section-hero-box .box-content .box-sale a p.box-2 {
    padding: 1.5rem 3rem 1.5rem 11rem;
}
main .section.section-hero .section-hero-box .box-content .box-sale a p:hover {
    transition: all ease-in-out 0.2s;
    transform: translateX(-13px);
}
main .section.section-featuresList {
    margin: 10rem 0;
}
main .section.section-featuresList .box {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
main .section.section-featuresList .box .box-header .badge-box p {
    padding: 1.25rem 4rem;
    border: 5px solid #6b090d;
    color: #cdaf59;
    border-radius: 40px;
}
main .section.section-featuresList .box .box-content {
    padding: 0 8rem;
}
main .section.section-featuresList .box .box-content p {
    color: #ebdebb;
    line-height: 27px;
}
main .section.section-faq {
    margin: 8rem 0;
}
main .section.section-faq .box-title .title-faq {
    border: 5px solid #6b090d;
    color: #cdaf59;
    padding: 1rem 2rem;
    border-radius: 50px;
}
main .section.section-faq .accordion-item {
    background: transparent;
    margin: 2rem 0;
}
main .section.section-faq .accordion-item .accordion-header .accordion-button {
    background: transparent;
    color: #cdaf59;
    display: flex;
    justify-content: center;
    position: relative;
    text-align: center;
    line-height: 27px;
}
main .section.section-faq .accordion-item .accordion-header .accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: unset;
}
main .section.section-faq .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    box-shadow: unset;
    color: white;
}
main .section.section-faq .accordion-item .accordion-header .accordion-button:after {
    display: none;
}
main .section.section-faq .accordion-item .accordion-header .accordion-button:before {
    content: "";
    height: 3px;
    background: #6b090d;
    position: absolute;
    bottom: 0;
    width: 410px;
}
main .section.section-faq .accordion-item .accordion-collapse .accordion-body {
    background: #4e0407;
    margin: 1rem 8rem;
    line-height: 27px;
    border-radius: 8px;
    color: #ebdebb;
}
main .section.section-blog .blog-title .title {
    border: 5px solid #6b090d;
    color: #cdaf59;
    padding: 1rem 4rem;
    border-radius: 50px;
}
main .section.section-blog .box-header .box-img-search button {
    background: transparent;
    border: unset;
}
main .section.section-blog .box-header .box-search {
    width: 60%;
}
main .section.section-blog .box-header .box-search .search {
    width: 100%;
    background: transparent;
    padding: 0.75rem;
    border: 5px solid #6b090d;
    border-radius: 50px;
    color: #cdaf59;
}
main .section.section-blog .box-header .box-search .search::placeholder {
    color: #cdaf59;
    opacity: 1; /* Firefox */
}
main .section.section-blog .box-header .box-select {
    border: 4px solid #6b090d;
    border-radius: 50px;
}
main .section.section-blog .box-header .box-select .form-select {
    padding: 0.85rem 1rem 0.85rem 15rem;
    background-color: transparent;
    color: #cdaf59;
    border: unset;
    background-repeat: no-repeat;
    background-position: left 1rem center;
    background-size: unset;
    background-image: url("../../assets/images/general/arrow.png");
}
main .section.section-blog .box-header .box-select .form-select .option {
    margin: 1rem 0;
    background: #330000;
}
main .section.section-blog .box-header .box-select .form-select:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: unset;
}
main .section.section-blog .box-content .box {
    position: relative;
}
main .section.section-blog .box-content .box:before {
    width: 100%;
    background: #9f0d14;
    height: 3px;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
main .section.section-blog .box-content .box:hover .img-blog .uk-transition-fade {
    opacity: 1;
}
main .section.section-blog .box-content .box .box-content h4 {
    color: #fff2a6;
    line-height: 27px;
}
main .section.section-blog .box-content .box .box-content span {
    color: #cdaf59;
    line-height: 27px;
}
main .section.section-blog .box-content .box .data p {
    color: #cdaf59;
}
main .section.section-blog .box-content .box .img-blog {
    position: relative;
}
main .section.section-blog .box-content .box .img-blog .uk-position-cover {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
main .section.section-blog .box-content .box .img-blog .uk-overlay-default {
    background: rgba(91, 93, 95, 0.8);
}
main .section.section-blog .box-content .box .img-blog .uk-transition-fade {
    --uk-translate-x: 0;
    --uk-translate-y: 0;
    --uk-scale-x: 1;
    --uk-scale-y: 1;
    opacity: 0;
    transition: 0.3s ease-out;
    transition-property: opacity, transform, filter;
}
main .section.section-blog .box-content .box.box-footer:before {
    width: unset;
    height: unset;
}
main .section.section-blog .pagination-box .pagination-number li {
    margin: 0 1rem;
}
main .section.section-blog .pagination-box .pagination-number li a {
    font-size: 19px;
    color: #9f0d14;
}
main .section.section-blog .pagination-box .pagination-number li a:hover {
    color: #fff2a6;
}
main .section.section-blog .pagination-box .pagination-number li a.active {
    color: #fff2a6;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}
footer .box-footer .box-social a:hover img {
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: 0.3s, 1.5s;
    animation-duration: 0.3s, 1.5s;
    -webkit-animation-delay: 0s, 0.3s;
    animation-delay: 0s, 0.3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}
footer .box-footer .box-social a img {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
footer .box-footer p {
    color: #ebdebb;
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}
@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}
header .box-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(130deg, #1A0303 30%, #330000 70%);
    z-index: 100;
}
header .box-header .menu-web a li {
    color: #fff2a6;
    font-size: 16px;
    padding: 0.25rem 3.5rem;
}
header .box-header .menu-web a li.active {
    background: #cdaf59;
    padding: 0.25rem 3.5rem;
    color: #9f0d14;
    border-radius: 13px;
    transition: all 0.5s;
    border: 6px solid #330000;
    outline: 2px solid #cdaf59;
}
header .box-header .menu-web a li:hover {
    background: #cdaf59;
    border: 6px solid #330000;
    outline: 2px solid #cdaf59;
    padding: 0.25rem 3.5rem;
    color: #9f0d14;
    border-radius: 13px;
    transition: all ease-out 0.5s;
    transform: translateX(-5px);
    opacity: 1;
}
header .box-header .offcanvas-header {
    background: #9f0d14;
}
header .box-header .btn-dropdown {
    background: transparent;
    border: transparent;
}
header .box-header .dropdown .dropdown-menu {
    background-image: linear-gradient(55deg, rgb(64, 24, 24) 0%, rgb(0, 0, 0) 40%, rgb(88, 5, 5) 100%);
    width: 100%;
    margin: 1px 5px !important;
    z-index: 9;
    border-radius: 12px;
    min-width: 170px;
    border: 1px solid black;
}
header .box-header .dropdown .dropdown-menu li a {
    color: #cdaf59;
    font-size: 17px;
}
header .box-header .dropdown-item {
    display: flex;
}
header .box-header .btn-close:focus {
    outline: 0;
    box-shadow: unset;
    opacity: 1;
}
header .box-header .offcanvas-body {
    background-image: linear-gradient(130deg, #6b090d 30%, #330000 70%);
}
header .box-header .offcanvas-body ul a li {
    color: #cdaf59;
    font-weight: 600;
}

@media (max-width: 1200px) {
    main .section.section-hero .section-hero-box .box-image .img-logo {
        position: absolute;
        right: 50px;
        left: 60px;
        bottom: 64px;
    }
}
@media (max-width: 999px) {
    main .section.section-hero .section-hero-box .box-image .infinite {
        animation-iteration-count: unset;
    }
    main .section.section-hero .section-hero-box .box-image .img-logo {
        position: absolute;
        right: 50px;
        left: 70px;
        bottom: 64px;
    }
    main .section.section-featuresList .box .box-content {
        padding: 0 1rem;
    }
    main .section.section-blog .box-header .box-select .form-select {
        padding: 0.85rem 1rem 0.85rem 10rem;
    }
    main .section .rollIn {
        animation: unset;
        visibility: unset;
    }
}
@media (max-width: 480px) {
    main .section.section-hero {
        margin: 6rem 0 2rem 0;
    }
    main .section.section-hero .section-hero-box .box-image .img-logo {
        left: 40px;
        right: 30px;
        bottom: 37px;
    }
    main .section.section-hero .section-hero-box .box-content .box-sale a p.box-2 {
        padding: 1.5rem 3rem 1.5rem 10rem;
    }
    main .section.section-featuresList {
        margin: 2rem 0;
    }
    main .section.section-featuresList .box .box-content {
        padding: 0 1rem;
    }
    main .section.section-faq {
        margin: 2rem 0;
    }
    main .section.section-faq .accordion-item .accordion-collapse .accordion-body {
        margin: 1rem;
    }
    main .section.section-faq .accordion-item .accordion-header .accordion-button:before {
        width: 250px;
    }
    main .section.section-blog .box-header .box-search {
        width: 100%;
    }
    main .section.section-blog .box-header .box-select {
        width: 100%;
    }
    main .section-price .gears img {
        width: 120px;
        height: 240px;
    }
    main .section-price .circle {
        width: 180px;
        height: 180px;
        top: 30px;
        left: 30px;
    }
    main .section-price .circle2 {
        width: 230px;
        height: 230px;
        left: 40px;
    }
    main .section-price .context {
        top: 45px;
        width: 230px;
        height: 120px;
    }
    main .section-price .sub {
        top: 14px;
    }
}
.blog-details .title {
    height: 100%;
    justify-content: space-between;
}
.blog-details .title h4 {
    color: #fff2a6;
    line-height: 32px;
}
.blog-details .box-footer .data {
    color: #cdaf59;
}
.blog-details .box-footer .visit p {
    color: #cdaf59;
}
.blog-details .box-image-blog img {
    box-shadow: 0px 0px 15px 0px #9f0d14;
    border-radius: 15px;
}
.blog-details .box-content {
    background: #4e0407;
    border-radius: 25px;
}
.blog-details .box-content p {
    color: #ebdebb;
    line-height: 28px;
}
.blog-details .box-content h4 {
    color: #fff2a6;
    line-height: 32px;
}

:root {
    --yclr: #ffd96f;
    --theme: #1b1212;
    --rclr: #570e0e;
    --aclr: aqua;
    --bclr: #e7b071;
    --wclr: #f2f2f2;
}

.section-price {
    margin-top: 10rem;
}
.section-price .box-gears {
    width: 90%;
    margin: 10rem auto;
    gap: 60px;
}
.section-price .item {
    position: relative;
    overflow: visible;
    cursor: pointer;
}
.section-price .circle {
    position: absolute;
    width: 255px;
    height: 258px;
    border: 18px solid var(--rclr);
    top: 44px;
    left: 43px;
    border-radius: 50%;
}
.section-price .circle p {
    margin: auto;
    height: 60%;
    padding-top: 45%;
    text-align: center;
    color: #ebdebb;
}
.section-price .item2 {
    width: 310px;
    position: relative;
    display: flex;
    justify-content: space-evenly;
    height: 222px;
}
.section-price .sub{
    top: 40px;
    z-index: 2;
    border-radius: 20px;
    box-shadow: 0 0 10px 0 var(--theme);
    position: absolute;
    width: 180px;
    white-space: nowrap;
    padding: 5px 0px;
    font-size: 15px;
    height: 30px;
    text-align: center;
    color: white;
}
.section-price .circle2 {
    position: absolute;
    width: 290px;
    height: 290px;
    border: 18px solid var(--rclr);
    top: -28px;
    left: 10px;
    border-radius: 50%;
}
.section-price .context {
    top: 70px;
    box-shadow: 0px 0px 10px 1px var(--theme);
    border-radius: 20px;
    position: absolute;
    width: 250px;
    height: 120px;
    background-color: var(--rclr);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section-price .context p {
    padding: 0px;
    margin: 2px;
    text-align: center;
    font-size: 14px;
}
.section-price .b {
    color: #fc9090;
    margin-top: 5px !important;
}
.section-price .a {
    color: #C0C0C0;
}
.section-price .w {
    color: #ebdebb;
}
.section-price .y {
    color: var(--yclr);
}
.section-price .hidden {
    display: none;
    visibility: hidden;
}
.section-price .spin {
    animation: spin 2s;
}
@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes backmove1 {
    0% {
        transform: translateX(-40px);
    }
    100% {
        transform: translateX(0);
    }
}
@keyframes backmove2 {
    0% {
        transform: translateX(40px);
    }
    100% {
        transform: translateX(0);
    }
}
@keyframes spawn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.section-price .gears {
    display: flex;
}
.section-price .gears img {
    width: 170px;
    height: 345px;
}
.section-price .item.move .gears img:nth-child(1) {
    transform: translateX(40px);
    transition: 1s;
}
.section-price .item.move .gears img:nth-child(2) {
    transform: translateX(-40px);
    transition: 1s;
}
.section-price .item.back-move .gears img:nth-child(1) {
    animation: backmove2 1s;
}
.section-price .item.back-move .gears img:nth-child(2) {
    animation: backmove1 1s;
}
.section-price .item .gears.spin {
    animation: spin 2s;
}
.section-price .spawn {
    animation: spawn 2s;
}

/*# sourceMappingURL=main.css.map */